﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link href="/Images/logo_short.png" type="image/x-icon" rel="shortcut icon" />
    <title>XX管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="layuiadmin/style/wu.css" media="all">

</head>
<body class="layui-layout-body">

    <div id="LAY_app">
        <div id="page-loading">
            <p style="text-align: center;margin-top: 550px;">数据载入中，请稍候...</p>
        </div>
        <div class="layui-layout layui-layout-admin">
            <div class="layui-header">
                <!-- 头部区域 -->
                <ul class="layui-nav layui-layout-left">
                    <li class="layui-nav-item layadmin-flexible" lay-unselect>
                        <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                            <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                        </a>
                    </li>

                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;" layadmin-event="refresh" title="刷新">
                            <i class="layui-icon layui-icon-refresh-3"></i>
                        </a>
                    </li>
                    <!--                    <li class="layui-nav-item layui-hide-xs" lay-unselect>-->
                    <!--                        <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search.html?keywords=">-->
                    <!--                    </li>-->
                </ul>
                <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

                    <li class="layui-nav-item ">
                        <select id="AcadYearTerm" style="display:none" lay-filter="dms-index-AcadYearTerm" lay-search="" name="AcadYearTerm" class="layui-select">
                            <option value="2023">2023</option>
                            <option value="2024">2024</option>
                            <option value="2025">2025</option>
                            <option value="2026">2026</option>
                            <option value="2027">2027</option>
                        </select>
                    </li>
                    <li class="layui-nav-item" lay-unselect>
                    </li>
                    <li class="layui-nav-item layui-hide-xs" lay-unselect>
                        <a href="javascript:;" layadmin-event="theme">
                            <i class="layui-icon layui-icon-theme"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item layui-hide-xs" lay-unselect>
                        <a href="javascript:;" layadmin-event="note">
                            <i class="layui-icon layui-icon-note"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item layui-hide-xs" lay-unselect>
                        <a href="javascript:;" layadmin-event="fullscreen">
                            <i class="layui-icon layui-icon-screen-full"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item" lay-unselect>
                        <!--                        <a href="javascript:;">-->
                        <!--                            <cite>9999</cite>-->
                        <!--                        </a>-->
                        <!--                        <dl class="layui-nav-child">-->
                        <!--                            <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>-->
                        <!--                        </dl>-->
                        <a href="javascript:;">
                            <cite id="userName">用户名</cite>
                        </a>
                        <dl class="layui-nav-child">
                            <dd style="text-align: center;" onclick="adminLogout()"><a>退出</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
                        <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
                    </li>
                </ul>
            </div>

            <!-- 侧边菜单 -->
            <div class="layui-side layui-side-menu">
                <div class="layui-side-scroll">
                    <div class="layui-logo" lay-href="">
                        <img class="layui-logo-img" src="/Images/AIC-logo.png" />
                        <span class="layui-logo-span">XX系统</span>
                    </div>
                    <ul class="layui-nav layui-nav-tree layui-inline" id="menu" lay-filter="menu" style="margin-right: 10px;">
                    </ul>
                </div>
            </div>

            <div id="index-iframe">
                <script id="index-iframe-set" type="text/html">
                    <!-- 页面标签 -->
                    <div class="layadmin-pagetabs" id="LAY_app_tabs">
                        <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
                        <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
                        <div class="layui-icon layadmin-tabs-control layui-icon-down">
                            <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                                <li class="layui-nav-item" lay-unselect>
                                    <a href="javascript:;"></a>
                                    <dl class="layui-nav-child layui-anim-fadein">
                                        <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                                        <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                                        <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                            <ul class="layui-tab-title" id="LAY_app_tabsheader">
                                <li lay-id="home/console.html" lay-attr="home/console.html" class="layui-this">
                                    <i class="layui-icon layui-icon-home"></i>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 主体内容 -->
                    <div class="layui-body" id="LAY_app_body">
                        <div class="layadmin-tabsbody-item layui-show">
                            <!--                    <iframe src="" frameborder="0" class="layadmin-iframe"></iframe>-->
                            <iframe src="{{indexHref}}" frameborder="0" id="iframePage" name="iframePage" class="layadmin-iframe"></iframe>
                        </div>
                    </div>
                </script>
            </div>

            <!-- 辅助元素，一般用于移动设备下遮罩 -->
            <div class="layadmin-body-shade" layadmin-event="shade"></div>
        </div>
    </div>

    <script src="layuiadmin/layui/layui.js"></script>
    <script src="js/tool/art-template@4.13.2.js"></script>
    <script src="js/tool/jquery-3.6.3.min.js"></script>
    <script src="js/tool/JqHelper.js"></script>
    <script>
        let loader;
    </script>
    <script>
        layui.config({
            base: 'layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'layer', 'element', 'form'], function () {
            var element = layui.element;
            let loadAdminMsg = false;
            loader = layer.load();
            function closeLoader() {
                if (loadAdminMsg) {
                    $("#page-loading").css("display", "none");
                    layer.close(loader);
                }
            }
            //let loader = layer.load();
            var $ = layui.jquery;
            var form = layui.form;
            let tableData;
            Menu();
            function Menu() {
                $.getData('api/Role/GetPersonMenu', (res) => {
                    var tableTest = [];
                    for (var i = 0; i < res.data.length; i++) {
                        var test = {};
                        test.title = res.data[i].menuName;
                        test.child = [];
                        test.select = false;
                        if (res.data[i].children.length !== 0) {
                            for (var j = 0; j < res.data[i].children.length; j++) {
                                var children = {};
                                children.title = res.data[i].children[j].menuName;
                                children.href = res.data[i].children[j].href;
                                children.select = false;
                                test.child.push(children);
                            }
                        }
                        tableTest.push(test);
                    }
                    tableTest.push({
                        title: "帮助",
                        child: [
                            {
                                title: "欢迎页",
                                href: "Start.html",
                                select: true
                            },
                        ], select: true
                    });
                    tableData = tableTest;
                    var html = InnerHtml();
                    $('#menu').append(html);
                    loadIndexIframeTml();
                })
            }
            function InnerHtml() {
                var html = '';
                for (var i = 0; i < tableData.length; i++) {
                    if (tableData[i].title === "个人基本信息") {
                        html += '<li class="layui-nav-item">' +
                            '<a href="javascript:;" >' + '<i class="layui-icon layui-icon-username">' + " " + tableData[i].title + '</i>' + '</a>' + '<dl class="layui-nav-child">';
                    } else if (tableData[i].title === "教师信息审核") {
                        html += '<li class="layui-nav-item">' +
                            '<a href="javascript:;" >' + '<i class="layui-icon layui-icon-read">' + " " + tableData[i].title + '</i>' + '</a>' + '<dl class="layui-nav-child">';
                    } else if (tableData[i].title === "教师统计查询") {
                        html += '<li class="layui-nav-item">' +
                            '<a href="javascript:;" >' + '<i class="layui-icon layui-icon-chart-screen">' + " " + tableData[i].title + '</i>' + '</a>' + '<dl class="layui-nav-child">';
                    }
                    else if (tableData[i].title === "部门人员管理") {
                        html += '<li class="layui-nav-item">' +
                            '<a href="javascript:;" >' + '<i class="layui-icon layui-icon-group">' + " " + tableData[i].title + '</i>' + '</a>' + '<dl class="layui-nav-child">';
                    }
                    else if (tableData[i].title === "系统管理") {
                        html += '<li class="layui-nav-item">' +
                            '<a href="javascript:;" >' + '<i class="layui-icon layui-icon-set-fill">' + " " + tableData[i].title + '</i>' + '</a>' + '<dl class="layui-nav-child">';
                    }
                    else if (tableData[i].title === "帮助") {
                        html += '<li class="layui-nav-item">' +
                            '<a href="javascript:;" >' + '<i class="layui-icon layui-icon-help">' + " " + tableData[i].title + '</i>' + '</a>' + '<dl class="layui-nav-child">';
                    }
                    else {
                        html += '<li class="layui-nav-item">' +
                            '<a href="javascript:;" >' + '<i class="layui-icon layui-icon-component">' + " " + tableData[i].title + '</i>' + '</a>' + '<dl class="layui-nav-child">';
                    }
                    for (var j = 0; j < tableData[i].child.length; j++) {
                        html += '<dd><a lay-href="' + tableData[i].child[j].href + '" target="iframePage" style="margin-left: 5px">' + tableData[i].child[j].title + '</a></dd>';
                    }
                    html += ' </dl>' + '</li>'
                }
                return html;
            }
            // 渲染 index iframe 页面
            function loadIndexIframeTml() {
                tableData.forEach(function (value) {
                    if (value.select) {
                        value.child.forEach(function (childValue) {
                            if (childValue.select) {
                                var tempData = {
                                    indexHref: childValue.href
                                };
                                document.getElementById('index-iframe').innerHTML = template('index-iframe-set', tempData)
                            }
                        })
                    }
                });
                element.render();
            }
            $.getData('api/login/getUserMsg', (data) => {
                if (data.code == API_RES_CODE.SUCCESS && data.data != null) {
                    $("#userName").html(data.data.userName);
                    loadAdminMsg = true;
                    closeLoader();
                } else {
                    handleApiError(json)
                }
            })

            //监听DL点击事件
            $(document).on('click', 'dd a', function () {
                let url = $(this).attr('lay-href');
                if (url === 'all/school_add.html' || url === 'all/collage_add.html') {
                    $('#AcadYearTerm').css('display', 'inline')
                } else {
                    $('#AcadYearTerm').css('display', 'none')
                }
            });
        });

        function adminLogout() {
            $.getData('api/login/logout', (data) => {
                if (data.code == 200) {
                    window.location.href = data.msg;
                } else {
                    alert("网络错误 " + data.msg);
                }
            })

        }

    </script>

    <!-- 百度统计 -->
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</body>
</html>


